import styled from "styled-components";

export const SongPageRightWrap = styled.div`
  flex: 1;
  border-right: 1px solid #d3d3d3;
  padding: 20px 40px 40px 30px;
  .song-right-top {
    p {
      height: 23px;
      margin-bottom: 20px;
      border-bottom: 1px solid #ccc;
      color: #333;
      font-weight: 700;
    }
    ul {
      li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 10px;
        .song-right-flex {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 156px;
          span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            :nth-child(2n) {
              a {
                color: #999;
              }
            }
          }
        }
        .bfadd {
          width: 36px;
          display: flex;
          justify-content: space-between;
          .song-right-play-btn {
            display: block;
            width: 10px;
            height: 11px;
            background-position: -69px -455px;
            cursor: pointer;
          }
          .song-right-add-btn {
            display: block;
            width: 10px;
            height: 11px;
            background-position: -87px -454px;
            cursor: pointer;
          }
        }
      }
    }
  }
`;
